<template>
	<div class="home">
		<TopView></TopView>
		<MiddleView></MiddleView>
		<BottomView></BottomView>
	</div>
</template>

<script lang="ts">
export default {
	name: 'SHome',
}
</script>

<script lang="ts" setup>
import { useUserInfoStore } from '@/stores/userInfo'
import { useReportDataStore } from '@/stores/reportData'
import TopView from './TopView/index.vue'
import MiddleView from './MiddleView/index.vue'
import BottomView from './BottomView/index.vue'
import { onMounted } from 'vue'
const userInfoStore = useUserInfoStore()
const reportDataStore = useReportDataStore()

onMounted(() => {
	reportDataStore.getReportData()
})
</script>

<style scoped>
.home {
	width: 100%;
	height: 100%;
	padding: 20px;
	/* font-size: 30px; */
	background-color: #eee;
}
</style>
